<div class="HospitalDetails">
  <headss :flog="false">
    <p slot="center">首页</p>
  </headss>
  <div class="content">

  <div class="search">
    <div class="left">
      <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps9t1b8a7un4iikf1dp9yzrb3n0kofnx7759dca5c72-a2b8-499d-b84f-f6f07193e671" alt="">
      <input v-model="value" type="text" placeholder="搜索你想要的">
    </div>
    <div class="right" @click="go">
      取消
    </div>
  </div> 
  <!-- 历史搜索 -->
  <div class="hist">
    <div class="title">
        <p>历史搜索</p>
        <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps1npmiovnzlwosynsk3q8o9uxqju91qv88afb209-c0e5-4af5-8180-68b32affaf69" alt="">
    </div>
    <div class="hist-box">
      <div class="hist-list" v-for="item in list" :key="item.id" @click="dian(item)">
        {{item.name}}
      </div>
    </div>  
  </div>
  <!-- 热门搜索 -->
  <div class="rest hist">
    <div class="title">
        <p>热门搜索</p>
    </div>
    <div class="hist-box">
      <div class="hist-list" v-for="(item,index) in lists" :key="item.id"  @click="dian(item)">
          <p><span>{{index+1}}</span>{{item.name}}</p> 
      </div>
    </div>  
  </div>
  
</div>
</div>
